<ion-header-bar class="bar-top text-center">
    <div class="buttons">
        <nav-button class="back" ng-click="back()"></nav-button>
    </div>
    <h1 class="title">找医生</h1>
</ion-header-bar>
<ion-view>
    <ion-content class="doc find-doc">
        <div class="search list list-inset">
          <label class="item item-input">
            <i class="icon ion-search placeholder-icon"></i>
            <input type="text" placeholder="搜医生、病症、疾病、医院、科室" ng-model="vm.keyword" ng-keyup="vm.search($event)">
          </label>
        </div>
        <div class="title">常见疾病</div>
        <div class="quicks ">
            <div class="row" ng-repeat="depart in vm.cyDeparts" ng-if="$index%4==0">
                <div class="col col-25" ng-if="$index<vm.cyDeparts.length"><a href="javascript:;" ng-click="vm.hotSearch(vm.cyDeparts[$index].name)" ng-bind="vm.cyDeparts[$index].name"></a></div>
                <div class="col col-25" ng-if="$index+1<vm.cyDeparts.length"><a href="javascript:;" ng-click="vm.hotSearch(vm.cyDeparts[$index+1].name)" ng-bind="vm.cyDeparts[$index+1].name"></a></div>
                <div class="col col-25" ng-if="$index+2<vm.cyDeparts.length"><a href="javascript:;" ng-click="vm.hotSearch(vm.cyDeparts[$index+2].name)" ng-bind="vm.cyDeparts[$index+2].name"></a></div>
                <div class="col col-25" ng-if="$index+3<vm.cyDeparts.length"><a href="javascript:;" ng-click="vm.hotSearch(vm.cyDeparts[$index+3].name)" ng-bind="vm.cyDeparts[$index+3].name"></a></div>
            </div>
        </div>
        <div class="title">按科室找医生</div>
        <ul class="icons">
            <li collection-repeat="depart in vm.departs" item-width="25%" item-height="80px">
                <a href="javascript:;" class="item1" ng-click="vm.departSearch(depart.id)">
                    <img ng-src="{{downloadImg(depart.icon)}}" alt="">
                    <p ng-bind="depart.name"></p>
                </a>
            </li>
        </ul>
    </ion-content>
</ion-view>